<template>
  <div>
    <el-row :gutter="20">
      <el-form ref="elForm" :model="formData" :rules="rules" size="mini" label-width="100px" label-position="top">
        <el-col :span="8">
          <el-form-item label="卖方代理人" prop="sell_agent">
            <el-input v-model="formData.sell_agent" placeholder="请输入卖方代理人" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买方代理人" prop="buy_agent">
            <el-input v-model="formData.buy_agent" placeholder="请输入买方代理人" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="合同日期" prop="contract_date">
            <el-date-picker
              v-model="formData.contract_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择合同日期"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人姓名" prop="sell_name">
            <el-input v-model="formData.sell_name" placeholder="请输入卖房人姓名" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人英文名" prop="field109">
            <el-input v-model="formData.field109" placeholder="请输入卖房人英文名" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人姓别" prop="sell_sex">
            <el-radio-group v-model="formData.sell_sex" size="medium">
              <el-radio
                v-for="(item, index) in sell_sexOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人国籍" prop="sell_nation">
            <el-input
              v-model="formData.sell_nation"
              placeholder="请输入卖房人国籍"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人出身日期" prop="sell_birth">
            <el-date-picker
              v-model="formData.sell_birth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择卖房人出身日期"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人证件号码" prop="sell_card_number">
            <el-input
              v-model="formData.sell_card_number"
              placeholder="请输入卖房人证件号码"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人电子邮件" prop="sell_email">
            <el-input
              v-model="formData.sell_email"
              placeholder="请输入卖房人电子邮件"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖房人通讯地址" prop="sell_address">
            <el-input
              v-model="formData.sell_address"
              placeholder="请输入卖房人通讯地址"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人姓名" prop="buy_name">
            <el-input v-model="formData.buy_name" placeholder="请输入买房人姓名" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人英文名" prop="buy_english_name">
            <el-input
              v-model="formData.buy_english_name"
              placeholder="请输入买房人英文名"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人姓别" prop="buy_sex">
            <el-radio-group v-model="formData.buy_sex" size="medium">
              <el-radio
                v-for="(item, index) in buy_sexOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人国籍" prop="buy_nation">
            <el-input v-model="formData.buy_nation" placeholder="请输入买房人国籍" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人证件名称" prop="buy_card_name">
            <el-input
              v-model="formData.buy_card_name"
              placeholder="请输入买房人证件名称"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人证件号码" prop="field124">
            <el-input
              v-model="formData.field124"
              placeholder="请输入买房人证件号码"
              clearable
              :style="{ width: '100%' }"
            >
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人电子邮件" prop="buy_email">
            <el-input
              v-model="formData.buy_email"
              placeholder="请输入买房人电子邮件"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人通讯地址" prop="buy_address">
            <el-input
              v-model="formData.buy_address"
              placeholder="请输入买房人通讯地址"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="法定代表人" prop="sell_company">
            <el-input
              v-model="formData.sell_company"
              placeholder="请输入法定代表人"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="【法定代表人】（如出卖人为公司的）" prop="sell_toghter_name">
            <el-input
              v-model="formData.sell_toghter_name"
              placeholder="请输入【法定代表人】（如出卖人为公司的）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="【法定代表人】（如共有人为公司的）" prop="sell_toghter_birth">
            <el-date-picker
              v-model="formData.sell_toghter_birth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择【法定代表人】（如共有人为公司的）"
              clearable
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖方代理人姓名" prop="sell_agent_name">
            <el-date-picker
              v-model="formData.sell_agent_name"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择卖方代理人姓名"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖方代理人出生日期" prop="sell_agent_birth">
            <el-date-picker
              v-model="formData.sell_agent_birth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请输入卖方代理人出生日期"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="【法定代表人】（如出卖人为公司的）" prop="buy_company">
            <el-date-picker
              v-model="formData.buy_company"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择【法定代表人】（如出卖人为公司的）"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买房人出生日期" prop="buy_toghter_birth">
            <el-date-picker
              v-model="formData.buy_toghter_birth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请输入买房人出生日期"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖方代理人姓名" prop="buy_agent_name">
            <el-date-picker
              v-model="formData.buy_agent_name"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择卖方代理人姓名"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="卖方代理人出生日期" prop="buy_agent_birth">
            <el-date-picker
              v-model="formData.buy_agent_birth"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请输入卖方代理人出生日期"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否楼房" prop="building">
            <el-radio-group v-model="formData.building" size="medium">
              <el-radio
                v-for="(item, index) in buildingOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否平房" prop="bungalow">
            <el-radio-group v-model="formData.bungalow" size="medium">
              <el-radio
                v-for="(item, index) in bungalowOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="坐落位置" prop="location">
            <el-input v-model="formData.location" placeholder="请输入坐落位置" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="建筑总层数" prop="building_total_level">
            <el-input
              v-model="formData.building_total_level"
              placeholder="请输入建筑总层数"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="建筑地上层数" prop="building_above_ground_level">
            <el-input
              v-model="formData.building_above_ground_level"
              placeholder="请输入建筑地上层数"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="建筑地下层数" prop="building_under_ground_level">
            <el-input
              v-model="formData.building_under_ground_level"
              placeholder="请输入建筑地下层数"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="建筑总层数" prop="building_level">
            <el-input
              v-model="formData.building_level"
              placeholder="请输入建筑总层数"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="产权证明所载建筑面积" prop="building_area">
            <el-input
              v-model="formData.building_area"
              placeholder="请输入产权证明所载建筑面积"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否住宅" prop="residence">
            <el-radio-group v-model="formData.residence" size="medium">
              <el-radio
                v-for="(item, index) in residenceOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否公寓" prop="apartment">
            <el-radio-group v-model="formData.apartment" size="medium">
              <el-radio
                v-for="(item, index) in apartmentOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否别墅" prop="villa">
            <el-radio-group v-model="formData.villa" size="medium">
              <el-radio
                v-for="(item, index) in villaOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否办公" prop="office">
            <el-radio-group v-model="formData.office" size="medium">
              <el-radio
                v-for="(item, index) in officeOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否商业" prop="business">
            <el-radio-group v-model="formData.business" size="medium">
              <el-radio
                v-for="(item, index) in businessOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否工业" prop="Industry">
            <el-radio-group v-model="formData.Industry" size="medium">
              <el-radio
                v-for="(item, index) in IndustryOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否建筑其他用途" prop=" building_prupose">
            <el-radio-group v-model="formData.building_prupose" size="medium">
              <el-radio
                v-for="(item, index) in building_pruposeOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="建筑其他用途内容" prop="building_prupose_content">
            <el-input
              v-model="formData.building_prupose_content"
              placeholder="请输入建筑其他用途内容"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="不动产权证/所有权证号" prop="building_property_number">
            <el-input
              v-model="formData.building_property_number"
              placeholder="请输入不动产权证/所有权证号"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="共有权证证号" prop="togther_number">
            <el-input
              v-model="formData.togther_number"
              placeholder="请输入共有权证证号"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="不动产权证颁发单位" prop="building_property_present_company">
            <el-input
              v-model="formData.building_property_present_company"
              placeholder="请输入不动产权证颁发单位"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否商品房" prop="business_building">
            <el-radio-group v-model="formData.business_building" size="medium">
              <el-radio
                v-for="(item, index) in business_buildingOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否已购公有住房" prop="public_building">
            <el-radio-group v-model="formData.public_building" size="medium">
              <el-radio
                v-for="(item, index) in public_buildingOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否已向社会公开销售的经济适用住房" prop="economy_building">
            <el-radio-group v-model="formData.economy_building" size="medium">
              <el-radio
                v-for="(item, index) in economy_buildingOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否按经济适用住房管理的房屋" prop="Relocation_building">
            <el-radio-group v-model="formData.Relocation_building" size="medium">
              <el-radio
                v-for="(item, index) in Relocation_buildingOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否限价商品房" prop="limit_price_building">
            <el-radio-group v-model="formData.limit_price_building" size="medium">
              <el-radio
                v-for="(item, index) in limit_price_buildingOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否房屋性质其他" prop="building_property_other">
            <el-radio-group v-model="formData.building_property_other" size="medium">
              <el-radio
                v-for="(item, index) in building_property_otherOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="房屋性质其他内容" prop="building_property_other_content">
            <el-input
              v-model="formData.building_property_other_content"
              placeholder="请输入房屋性质其他内容"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否该房屋未设定抵押" prop="building_not_mortgage">
            <el-radio-group v-model="formData.building_not_mortgage" size="medium">
              <el-radio
                v-for="(item, index) in building_not_mortgageOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="抵押权人1" prop="field172">
            <el-input v-model="formData.field172" placeholder="请输入抵押权人1" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="抵押登记日期1" prop="mortgage_1_date">
            <el-date-picker
              v-model="formData.mortgage_1_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择抵押登记日期1"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="抵押权人2" prop="mortgagee_2">
            <el-input
              v-model="formData.mortgagee_2"
              placeholder="请输入抵押权人2"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="抵押登记日期2" prop="mortgagee_2_date">
            <el-date-picker
              v-model="formData.mortgagee_2_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择抵押登记日期2"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="抵押权人3" prop="mortgagee_3">
            <el-input
              v-model="formData.mortgagee_3"
              placeholder="请输入抵押权人3"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="抵押登记日期3" prop="mortgage_3_date">
            <el-date-picker
              v-model="formData.mortgage_3_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择抵押登记日期3"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否出卖人应当办理抵押权注销登记" prop="mortgage_logout">
            <el-radio-group v-model="formData.mortgage_logout" size="medium">
              <el-radio
                v-for="(item, index) in mortgage_logoutOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否出卖人无需办理抵押权注销登记" prop="mortgage_not_logout">
            <el-radio-group v-model="formData.mortgage_not_logout" size="medium">
              <el-radio
                v-for="(item, index) in mortgage_not_logoutOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否出卖人未将该房屋出租" prop="sell_lease">
            <el-radio-group v-model="formData.sell_lease" size="medium">
              <el-radio
                v-for="(item, index) in sell_leaseOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="是否出卖人已将该房屋出租" prop="sell_no_lease">
            <el-radio-group v-model="formData.sell_no_lease" size="medium">
              <el-radio
                v-for="(item, index) in sell_no_leaseOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="租赁开始日期 " prop="lease_start_date">
            <el-date-picker
              v-model="formData.lease_start_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择租赁开始日期 "
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="租赁结束日期" prop="lease_end_date">
            <el-date-picker
              v-model="formData.lease_end_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择租赁结束日期"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="租金" prop="rent_mouth">
            <el-input v-model="formData.rent_mouth" placeholder="请输入租金" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="押金" prop="deposit">
            <el-input v-model="formData.deposit" placeholder="请输入押金" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="押金" prop="field187">
            <el-input v-model="formData.field187" placeholder="请输入押金" clearable :style="{ width: '100%' }">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="房屋收益归出卖人所有" prop="sell_lease_end_date">
            <el-date-picker
              v-model="formData.sell_lease_end_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择房屋收益归出卖人所有"
              clearable
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="赁期间届满的房屋收益归买受人所有" prop="buy_lease_end_date">
            <el-date-picker
              v-model="formData.buy_lease_end_date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择赁期间届满的房屋收益归买受人所有"
              clearable
            >
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="违约处理方式1" prop="break_contract_handle1">
            <el-radio-group v-model="formData.break_contract_handle1" size="medium">
              <el-radio
                v-for="(item, index) in break_contract_handle1Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="违约处理方式2" prop="field192">
            <el-radio-group v-model="formData.field192" size="medium">
              <el-radio
                v-for="(item, index) in field192Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="房屋出售经纪服务合同 机构名称" prop="sell_economy_contract_company_name">
            <el-input
              v-model="formData.sell_economy_contract_company_name"
              placeholder="请输入房屋出售经纪服务合同 机构名称"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="房屋出售经纪服务合同 机构编号" prop="sell_economy_contract_company_number">
            <el-input
              v-model="formData.sell_economy_contract_company_number"
              placeholder="请输入房屋出售经纪服务合同 机构编号"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="房屋出售经纪服务合同 机构编号" prop="buy_economy_contract_company_name">
            <el-input
              v-model="formData.buy_economy_contract_company_name"
              placeholder="请输入房屋出售经纪服务合同 机构编号"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="房屋出售经纪服务合同 机构编号" prop="buy_economy_contract_company_number">
            <el-input
              v-model="formData.buy_economy_contract_company_number"
              placeholder="请输入房屋出售经纪服务合同 机构编号"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="该房屋成交价格为：人民币（小写）" prop="building_end_price_small">
            <el-input
              v-model="formData.building_end_price_small"
              placeholder="请输入该房屋成交价格为：人民币（小写）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="该房屋成交价格为：人民币（大写）" prop="building_end_price_big">
            <el-input
              v-model="formData.building_end_price_big"
              placeholder="请输入该房屋成交价格为：人民币（大写）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="修及配套设施设备等作价 为：人民币（小写）" prop="building_device_price_small">
            <el-input
              v-model="formData.building_device_price_small"
              placeholder="请输入修及配套设施设备等作价 为：人民币（小写）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="修及配套设施设备等作价 为：人民币（大写）" prop="building_device_price_big">
            <el-input
              v-model="formData.building_device_price_big"
              placeholder="请输入修及配套设施设备等作价 为：人民币（大写）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买受人向出卖人支付定金人民币（小写）" prop="buy_deposit_small">
            <el-input
              v-model="formData.buy_deposit_small"
              placeholder="请输入买受人向出卖人支付定金人民币（小写）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="全款" prop="full_pay">
            <el-radio-group v-model="formData.full_pay" size="medium">
              <el-radio
                v-for="(item, index) in full_payOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="贷款" prop="loan_pay">
            <el-radio-group v-model="formData.loan_pay" size="medium">
              <el-radio
                v-for="(item, index) in loan_payOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="商业" prop="business_loan_pay">
            <el-radio-group v-model="formData.business_loan_pay" size="medium">
              <el-radio
                v-for="(item, index) in business_loan_payOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="公积金贷款" prop="provident_fund_loan_pay">
            <el-radio-group v-model="formData.provident_fund_loan_pay" size="medium">
              <el-radio
                v-for="(item, index) in provident_fund_loan_payOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="商业、公积金组合贷款" prop="business_and_provident_fund_loan">
            <el-radio-group v-model="formData.business_and_provident_fund_loan" size="medium">
              <el-radio
                v-for="(item, index) in business_and_provident_fund_loanOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买受人拟 贷款金额为人民币（小写）" prop="loan_price_small">
            <el-input
              v-model="formData.loan_price_small"
              placeholder="请输入买受人拟 贷款金额为人民币（小写）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买受人拟 贷款金额为人民币（大写）" prop="loan_price_big">
            <el-input
              v-model="formData.loan_price_big"
              placeholder="请输入买受人拟 贷款金额为人民币（大写）"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="买受人应当于_____ 通过自行划转" prop="no_loan_handle1_content">
            <el-input
              v-model="formData.no_loan_handle1_content"
              placeholder="请输入买受人应当于_____ 通过自行划转"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle1" prop="no_loan_handle1">
            <el-radio-group v-model="formData.no_loan_handle1" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle1Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle2" prop="no_loan_handle2">
            <el-radio-group v-model="formData.no_loan_handle2" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle2Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle3" prop="no_loan_handle3">
            <el-radio-group v-model="formData.no_loan_handle3" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle3Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle4" prop="no_loan_handle4">
            <el-radio-group v-model="formData.no_loan_handle4" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle4Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle5" prop="no_loan_handle5">
            <el-radio-group v-model="formData.no_loan_handle5" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle5Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle6" prop="no_loan_handle6">
            <el-radio-group v-model="formData.no_loan_handle6" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle6Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle7" prop="no_loan_handle7">
            <el-radio-group v-model="formData.no_loan_handle7" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle7Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="no_loan_handle8" prop="no_loan_handle8">
            <el-radio-group v-model="formData.no_loan_handle8" size="medium">
              <el-radio
                v-for="(item, index) in no_loan_handle8Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label=" 交付日期" prop="deliver_day">
            <el-date-picker
              v-model="formData.deliver_day"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :style="{ width: '100%' }"
              placeholder="请选择 交付日期"
              clearable
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="所有权转移" prop="deliver_property1">
            <el-radio-group v-model="formData.deliver_property1" size="medium">
              <el-radio
                v-for="(item, index) in deliver_property1Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="转移占有之日起转移给买受人" prop="deliver_property2">
            <el-radio-group v-model="formData.deliver_property2" size="medium">
              <el-radio
                v-for="(item, index) in deliver_property2Options"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="无户籍登记" prop="residence_no_signature">
            <el-radio-group v-model="formData.residence_no_signature" size="medium">
              <el-radio
                v-for="(item, index) in residence_no_signatureOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="有户籍登记" prop="residence_signature">
            <el-radio-group v-model="formData.residence_signature" size="medium">
              <el-radio
                v-for="(item, index) in residence_signatureOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="户籍登记册" prop="residence_album">
            <el-input
              v-model="formData.residence_album"
              placeholder="请输入户籍登记册"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="户籍登记人" prop="residence_people">
            <el-input
              v-model="formData.residence_people"
              placeholder="请输入户籍登记人"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="成本房屋相关的 所有" prop=" building_relation_property">
            <el-radio-group v-model="formData.building_relation_property" size="medium">
              <el-radio
                v-for="(item, index) in building_relation_propertyOptions"
                :key="index"
                :label="item.value"
                :disabled="item.disabled"
                >{{ item.label }}</el-radio
              >
            </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="____人现有户籍迁出手续" prop="building_relation_property_people">
            <el-input
              v-model="formData.building_relation_property_people"
              placeholder="请输入____人现有户籍迁出手续"
              clearable
              :style="{ width: '100%' }"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item size="large">
            <el-button type="primary" @click="submitForm">提交</el-button>
            <el-button @click="resetForm">重置</el-button>
          </el-form-item>
        </el-col>
      </el-form>
    </el-row>
  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      formData: {
        sell_agent: undefined,
        buy_agent: undefined,
        contract_date: null,
        sell_name: undefined,
        field109: undefined,
        sell_sex: 1,
        sell_nation: undefined,
        sell_birth: null,
        sell_card_number: undefined,
        sell_email: undefined,
        sell_address: undefined,
        buy_name: undefined,
        buy_english_name: undefined,
        buy_sex: 1,
        buy_nation: '',
        buy_card_name: undefined,
        field124: undefined,
        buy_email: undefined,
        buy_address: undefined,
        sell_company: undefined,
        sell_toghter_name: undefined,
        sell_toghter_birth: null,
        sell_agent_name: null,
        sell_agent_birth: null,
        buy_company: null,
        buy_toghter_birth: null,
        buy_agent_name: null,
        buy_agent_birth: null,
        building: undefined,
        bungalow: undefined,
        location: '',
        building_total_level: '',
        building_above_ground_level: '',
        building_under_ground_level: '',
        building_level: '',
        building_area: '',
        residence: undefined,
        apartment: undefined,
        villa: undefined,
        office: undefined,
        business: undefined,
        Industry: undefined,
        building_prupose: undefined,
        building_prupose_content: undefined,
        building_property_number: undefined,
        togther_number: undefined,
        building_property_present_company: undefined,
        business_building: undefined,
        public_building: undefined,
        economy_building: undefined,
        Relocation_building: undefined,
        limit_price_building: undefined,
        building_property_other: undefined,
        building_property_other_content: undefined,
        building_not_mortgage: undefined,
        field172: undefined,
        mortgage_1_date: null,
        mortgagee_2: undefined,
        mortgagee_2_date: null,
        mortgagee_3: undefined,
        mortgage_3_date: null,
        mortgage_logout: undefined,
        mortgage_not_logout: undefined,
        sell_lease: undefined,
        sell_no_lease: undefined,
        lease_start_date: null,
        lease_end_date: null,
        rent_mouth: undefined,
        deposit: undefined,
        field187: undefined,
        sell_lease_end_date: null,
        buy_lease_end_date: null,
        break_contract_handle1: undefined,
        field192: undefined,
        sell_economy_contract_company_name: undefined,
        sell_economy_contract_company_number: undefined,
        buy_economy_contract_company_name: undefined,
        buy_economy_contract_company_number: undefined,
        building_end_price_small: undefined,
        building_end_price_big: undefined,
        building_device_price_small: undefined,
        building_device_price_big: undefined,
        buy_deposit_small: undefined,
        full_pay: undefined,
        loan_pay: undefined,
        business_loan_pay: undefined,
        provident_fund_loan_pay: undefined,
        business_and_provident_fund_loan: undefined,
        loan_price_small: undefined,
        loan_price_big: undefined,
        no_loan_handle1_content: undefined,
        no_loan_handle1: undefined,
        no_loan_handle2: undefined,
        no_loan_handle3: undefined,
        no_loan_handle4: undefined,
        no_loan_handle5: undefined,
        no_loan_handle6: undefined,
        no_loan_handle7: undefined,
        no_loan_handle8: undefined,
        deliver_day: null,
        deliver_property1: undefined,
        deliver_property2: undefined,
        residence_no_signature: undefined,
        residence_signature: undefined,
        residence_album: undefined,
        residence_people: undefined,
        building_relation_property: undefined,
        building_relation_property_people: undefined,
      },
      rules: {
        sell_agent: [
          {
            required: true,
            message: '请输入卖方代理人',
            trigger: 'blur',
          },
        ],
        buy_agent: [
          {
            required: true,
            message: '请输入买方代理人',
            trigger: 'blur',
          },
        ],
        contract_date: [
          {
            required: true,
            message: '请选择合同日期',
            trigger: 'change',
          },
        ],
        sell_name: [
          {
            required: true,
            message: '请输入卖房人姓名',
            trigger: 'blur',
          },
        ],
        field109: [
          {
            required: true,
            message: '请输入卖房人英文名',
            trigger: 'blur',
          },
        ],
        sell_sex: [
          {
            required: true,
            message: '卖房人姓别不能为空',
            trigger: 'change',
          },
        ],
        sell_nation: [
          {
            required: true,
            message: '请输入卖房人国籍',
            trigger: 'blur',
          },
        ],
        sell_birth: [
          {
            required: true,
            message: '请选择卖房人出身日期',
            trigger: 'change',
          },
        ],
        sell_card_number: [
          {
            required: true,
            message: '请输入卖房人证件号码',
            trigger: 'blur',
          },
        ],
        sell_email: [
          {
            required: true,
            message: '请输入卖房人电子邮件',
            trigger: 'blur',
          },
        ],
        sell_address: [
          {
            required: true,
            message: '请输入卖房人通讯地址',
            trigger: 'blur',
          },
        ],
        buy_name: [
          {
            required: true,
            message: '请输入买房人姓名',
            trigger: 'blur',
          },
        ],
        buy_english_name: [
          {
            required: true,
            message: '请输入买房人英文名',
            trigger: 'blur',
          },
        ],
        buy_sex: [
          {
            required: true,
            message: '买房人姓别不能为空',
            trigger: 'change',
          },
        ],
        buy_nation: [
          {
            required: true,
            message: '请输入买房人国籍',
            trigger: 'blur',
          },
        ],
        buy_card_name: [
          {
            required: true,
            message: '请输入买房人证件名称',
            trigger: 'blur',
          },
        ],
        field124: [
          {
            required: true,
            message: '请输入买房人证件号码',
            trigger: 'blur',
          },
        ],
        buy_email: [
          {
            required: true,
            message: '请输入买房人电子邮件',
            trigger: 'blur',
          },
        ],
        buy_address: [
          {
            required: true,
            message: '请输入买房人通讯地址',
            trigger: 'blur',
          },
        ],
        sell_company: [
          {
            required: true,
            message: '请输入法定代表人',
            trigger: 'blur',
          },
        ],
        sell_toghter_name: [
          {
            required: true,
            message: '请输入【法定代表人】（如出卖人为公司的）',
            trigger: 'blur',
          },
        ],
        sell_toghter_birth: [
          {
            required: true,
            message: '请选择【法定代表人】（如共有人为公司的）',
            trigger: 'change',
          },
        ],
        sell_agent_name: [
          {
            required: true,
            message: '请选择卖方代理人姓名',
            trigger: 'change',
          },
        ],
        sell_agent_birth: [
          {
            required: true,
            message: '请输入卖方代理人出生日期',
            trigger: 'change',
          },
        ],
        buy_company: [
          {
            required: true,
            message: '请选择【法定代表人】（如出卖人为公司的）',
            trigger: 'change',
          },
        ],
        buy_toghter_birth: [
          {
            required: true,
            message: '请输入买房人出生日期',
            trigger: 'change',
          },
        ],
        buy_agent_name: [
          {
            required: true,
            message: '请选择卖方代理人姓名',
            trigger: 'change',
          },
        ],
        buy_agent_birth: [
          {
            required: true,
            message: '请输入卖方代理人出生日期',
            trigger: 'change',
          },
        ],
        building: [
          {
            required: true,
            message: '是否楼房不能为空',
            trigger: 'change',
          },
        ],
        bungalow: [
          {
            required: true,
            message: '是否平房不能为空',
            trigger: 'change',
          },
        ],
        location: [
          {
            required: true,
            message: '请输入坐落位置',
            trigger: 'blur',
          },
        ],
        building_total_level: [
          {
            required: true,
            message: '请输入建筑总层数',
            trigger: 'blur',
          },
        ],
        building_above_ground_level: [
          {
            required: true,
            message: '请输入建筑地上层数',
            trigger: 'blur',
          },
        ],
        building_under_ground_level: [
          {
            required: true,
            message: '请输入建筑地下层数',
            trigger: 'blur',
          },
        ],
        building_level: [
          {
            required: true,
            message: '请输入建筑总层数',
            trigger: 'blur',
          },
        ],
        building_area: [
          {
            required: true,
            message: '请输入产权证明所载建筑面积',
            trigger: 'blur',
          },
        ],
        residence: [
          {
            required: true,
            message: '是否住宅不能为空',
            trigger: 'change',
          },
        ],
        apartment: [
          {
            required: true,
            message: '是否公寓不能为空',
            trigger: 'change',
          },
        ],
        villa: [
          {
            required: true,
            message: '是否别墅不能为空',
            trigger: 'change',
          },
        ],
        office: [
          {
            required: true,
            message: '是否办公不能为空',
            trigger: 'change',
          },
        ],
        business: [
          {
            required: true,
            message: '是否商业不能为空',
            trigger: 'change',
          },
        ],
        Industry: [
          {
            required: true,
            message: '是否工业不能为空',
            trigger: 'change',
          },
        ],
        building_prupose: [
          {
            required: true,
            message: '是否建筑其他用途不能为空',
            trigger: 'change',
          },
        ],
        building_prupose_content: [
          {
            required: true,
            message: '请输入建筑其他用途内容',
            trigger: 'blur',
          },
        ],
        building_property_number: [
          {
            required: true,
            message: '请输入不动产权证/所有权证号',
            trigger: 'blur',
          },
        ],
        togther_number: [
          {
            required: true,
            message: '请输入共有权证证号',
            trigger: 'blur',
          },
        ],
        building_property_present_company: [
          {
            required: true,
            message: '请输入不动产权证颁发单位',
            trigger: 'blur',
          },
        ],
        business_building: [
          {
            required: true,
            message: '是否商品房不能为空',
            trigger: 'change',
          },
        ],
        public_building: [
          {
            required: true,
            message: '是否已购公有住房不能为空',
            trigger: 'change',
          },
        ],
        economy_building: [
          {
            required: true,
            message: '是否已向社会公开销售的经济适用住房不能为空',
            trigger: 'change',
          },
        ],
        Relocation_building: [
          {
            required: true,
            message: '是否按经济适用住房管理的房屋不能为空',
            trigger: 'change',
          },
        ],
        limit_price_building: [
          {
            required: true,
            message: '是否限价商品房不能为空',
            trigger: 'change',
          },
        ],
        building_property_other: [
          {
            required: true,
            message: '是否房屋性质其他不能为空',
            trigger: 'change',
          },
        ],
        building_property_other_content: [
          {
            required: true,
            message: '请输入房屋性质其他内容',
            trigger: 'blur',
          },
        ],
        building_not_mortgage: [
          {
            required: true,
            message: '是否该房屋未设定抵押不能为空',
            trigger: 'change',
          },
        ],
        field172: [
          {
            required: true,
            message: '请输入抵押权人1',
            trigger: 'blur',
          },
        ],
        mortgage_1_date: [
          {
            required: true,
            message: '请选择抵押登记日期1',
            trigger: 'change',
          },
        ],
        mortgagee_2: [
          {
            required: true,
            message: '请输入抵押权人2',
            trigger: 'blur',
          },
        ],
        mortgagee_2_date: [
          {
            required: true,
            message: '请选择抵押登记日期2',
            trigger: 'change',
          },
        ],
        mortgagee_3: [
          {
            required: true,
            message: '请输入抵押权人3',
            trigger: 'blur',
          },
        ],
        mortgage_3_date: [
          {
            required: true,
            message: '请选择抵押登记日期3',
            trigger: 'change',
          },
        ],
        mortgage_logout: [
          {
            required: true,
            message: '是否出卖人应当办理抵押权注销登记不能为空',
            trigger: 'change',
          },
        ],
        mortgage_not_logout: [
          {
            required: true,
            message: '是否出卖人无需办理抵押权注销登记不能为空',
            trigger: 'change',
          },
        ],
        sell_lease: [
          {
            required: true,
            message: '是否出卖人未将该房屋出租不能为空',
            trigger: 'change',
          },
        ],
        sell_no_lease: [
          {
            required: true,
            message: '是否出卖人已将该房屋出租不能为空',
            trigger: 'change',
          },
        ],
        lease_start_date: [
          {
            required: true,
            message: '请选择租赁开始日期 ',
            trigger: 'change',
          },
        ],
        lease_end_date: [
          {
            required: true,
            message: '请选择租赁结束日期',
            trigger: 'change',
          },
        ],
        rent_mouth: [
          {
            required: true,
            message: '请输入租金',
            trigger: 'blur',
          },
        ],
        deposit: [
          {
            required: true,
            message: '请输入押金',
            trigger: 'blur',
          },
        ],
        field187: [
          {
            required: true,
            message: '请输入押金',
            trigger: 'blur',
          },
        ],
        sell_lease_end_date: [
          {
            required: true,
            message: '请选择房屋收益归出卖人所有',
            trigger: 'change',
          },
        ],
        buy_lease_end_date: [
          {
            required: true,
            message: '请选择赁期间届满的房屋收益归买受人所有',
            trigger: 'change',
          },
        ],
        break_contract_handle1: [
          {
            required: true,
            message: '违约处理方式1不能为空',
            trigger: 'change',
          },
        ],
        field192: [
          {
            required: true,
            message: '违约处理方式2不能为空',
            trigger: 'change',
          },
        ],
        sell_economy_contract_company_name: [
          {
            required: true,
            message: '请输入房屋出售经纪服务合同 机构名称',
            trigger: 'blur',
          },
        ],
        sell_economy_contract_company_number: [
          {
            required: true,
            message: '请输入房屋出售经纪服务合同 机构编号',
            trigger: 'blur',
          },
        ],
        buy_economy_contract_company_name: [
          {
            required: true,
            message: '请输入房屋出售经纪服务合同 机构编号',
            trigger: 'blur',
          },
        ],
        buy_economy_contract_company_number: [
          {
            required: true,
            message: '请输入房屋出售经纪服务合同 机构编号',
            trigger: 'blur',
          },
        ],
        building_end_price_small: [
          {
            required: true,
            message: '请输入该房屋成交价格为：人民币（小写）',
            trigger: 'blur',
          },
        ],
        building_end_price_big: [
          {
            required: true,
            message: '请输入该房屋成交价格为：人民币（大写）',
            trigger: 'blur',
          },
        ],
        building_device_price_small: [
          {
            required: true,
            message: '请输入修及配套设施设备等作价 为：人民币（小写）',
            trigger: 'blur',
          },
        ],
        building_device_price_big: [
          {
            required: true,
            message: '请输入修及配套设施设备等作价 为：人民币（大写）',
            trigger: 'blur',
          },
        ],
        buy_deposit_small: [
          {
            required: true,
            message: '请输入买受人向出卖人支付定金人民币（小写）',
            trigger: 'blur',
          },
        ],
        full_pay: [
          {
            required: true,
            message: '全款不能为空',
            trigger: 'change',
          },
        ],
        loan_pay: [
          {
            required: true,
            message: '贷款不能为空',
            trigger: 'change',
          },
        ],
        business_loan_pay: [
          {
            required: true,
            message: '商业不能为空',
            trigger: 'change',
          },
        ],
        provident_fund_loan_pay: [
          {
            required: true,
            message: '公积金贷款不能为空',
            trigger: 'change',
          },
        ],
        business_and_provident_fund_loan: [
          {
            required: true,
            message: '商业、公积金组合贷款不能为空',
            trigger: 'change',
          },
        ],
        loan_price_small: [
          {
            required: true,
            message: '请输入买受人拟 贷款金额为人民币（小写）',
            trigger: 'blur',
          },
        ],
        loan_price_big: [
          {
            required: true,
            message: '请输入买受人拟 贷款金额为人民币（大写）',
            trigger: 'blur',
          },
        ],
        no_loan_handle1_content: [
          {
            required: true,
            message: '请输入买受人应当于_____ 通过自行划转',
            trigger: 'blur',
          },
        ],
        no_loan_handle1: [
          {
            required: true,
            message: 'no_loan_handle1不能为空',
            trigger: 'change',
          },
        ],
        no_loan_handle2: [
          {
            required: true,
            message: 'no_loan_handle2不能为空',
            trigger: 'change',
          },
        ],
        no_loan_handle3: [
          {
            required: true,
            message: 'no_loan_handle3不能为空',
            trigger: 'change',
          },
        ],
        no_loan_handle4: [
          {
            required: true,
            message: 'no_loan_handle4不能为空',
            trigger: 'change',
          },
        ],
        no_loan_handle5: [
          {
            required: true,
            message: 'no_loan_handle5不能为空',
            trigger: 'change',
          },
        ],
        no_loan_handle6: [
          {
            required: true,
            message: 'no_loan_handle6不能为空',
            trigger: 'change',
          },
        ],
        no_loan_handle7: [
          {
            required: true,
            message: 'no_loan_handle7不能为空',
            trigger: 'change',
          },
        ],
        no_loan_handle8: [
          {
            required: true,
            message: 'no_loan_handle8不能为空',
            trigger: 'change',
          },
        ],
        deliver_day: [
          {
            required: true,
            message: '请选择 交付日期',
            trigger: 'change',
          },
        ],
        deliver_property1: [
          {
            required: true,
            message: '所有权转移不能为空',
            trigger: 'change',
          },
        ],
        deliver_property2: [
          {
            required: true,
            message: '转移占有之日起转移给买受人不能为空',
            trigger: 'change',
          },
        ],
        residence_no_signature: [
          {
            required: true,
            message: '无户籍登记不能为空',
            trigger: 'change',
          },
        ],
        residence_signature: [
          {
            required: true,
            message: '有户籍登记不能为空',
            trigger: 'change',
          },
        ],
        residence_album: [
          {
            required: true,
            message: '请输入户籍登记册',
            trigger: 'blur',
          },
        ],
        residence_people: [
          {
            required: true,
            message: '请输入户籍登记人',
            trigger: 'blur',
          },
        ],
        building_relation_property: [
          {
            required: true,
            message: '成本房屋相关的 所有不能为空',
            trigger: 'change',
          },
        ],
        building_relation_property_people: [
          {
            required: true,
            message: '请输入____人现有户籍迁出手续',
            trigger: 'blur',
          },
        ],
      },
      sell_sexOptions: [
        {
          label: '男',
          value: 1,
        },
        {
          label: '女',
          value: 2,
        },
      ],
      buy_sexOptions: [
        {
          label: '男',
          value: 1,
        },
        {
          label: '女',
          value: 2,
        },
      ],
      buildingOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      bungalowOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      residenceOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      apartmentOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      villaOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      officeOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      businessOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      IndustryOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      building_pruposeOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      business_buildingOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      public_buildingOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      economy_buildingOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      Relocation_buildingOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      limit_price_buildingOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      building_property_otherOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      building_not_mortgageOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      mortgage_logoutOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      mortgage_not_logoutOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      sell_leaseOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      sell_no_leaseOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      break_contract_handle1Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      field192Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      full_payOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      loan_payOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      business_loan_payOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      provident_fund_loan_payOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      business_and_provident_fund_loanOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle1Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle2Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle3Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle4Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle5Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle6Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle7Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      no_loan_handle8Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      deliver_property1Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      deliver_property2Options: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      residence_no_signatureOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      residence_signatureOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
      building_relation_propertyOptions: [
        {
          label: '是',
          value: 1,
        },
        {
          label: '否',
          value: 0,
        },
      ],
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    submitForm() {
      this.$refs.elForm.validate(valid => {
        if (!valid) return
        // TODO 提交表单
      })
    },
    resetForm() {
      this.$refs.elForm.resetFields()
    },
  },
}
</script>
<style></style>
